<script setup lang="ts">
import FeaturesWidget from '@/components/home/FeaturesWidget.vue';
import FooterWidget from '@/components/home/FooterWidget.vue';
import HighlightsWidget from '@/components/home/HighlightsWidget.vue';
import PricingWidget from '@/components/home/PricingWidget.vue';
import SwiperWidget from '@/components/home/SwiperWidget.vue';
import TopbarWidget from '@/components/home/TopbarWidget.vue';
import NewsWidget from '@/components/home/NewsWidget.vue';
import ProductWidget from '@/components/home/ProductWidget.vue';
import CaseWidget from '@/components/home/CaseWidget.vue';
import CooperationWidget from '@/components/home/CooperationWidget.vue';
import FriendLinkWidget from '@/components/home/FriendLinkWidget.vue';
import FloatingConfigurator from '@/components/FloatingConfigurator.vue';
</script>

<template>
    <div class="bg-surface-0 dark:bg-surface-900">
        <FloatingConfigurator />
        <div id="home" class="landing-wrapper overflow-hidden">
            <div class="py-6 px-6 mx-0 flex items-center justify-between relative xl:static">
                <TopbarWidget />
            </div>
            <SwiperWidget />
            <ProductWidget />
            <FeaturesWidget />
            <CaseWidget />
            <NewsWidget />
            <CooperationWidget />
            <FriendLinkWidget />
            <FooterWidget />
        </div>
    </div>
</template>
